<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header_css::header('新增-用户管理')"></head>
<body>
	<div id="dpLTE" class="container-fluid" v-cloak>
		<table class="form" id="form">
			<tr>
	            <td class="formTitle">用户名<font face="宋体">*</font></td>
	            <td class="formValue">
					<div v-if="admin.id">
						<input type="text"  class="form-control" placeholder="用户名" v-model="admin.username" isvalid="yes" readonly="readonly" checkexpession="NotNull">
					</div>
					<div v-else>
						<input type="text"  class="form-control" placeholder="用户名" v-model="admin.username" isvalid="yes" checkexpession="NotNull">
					</div>
	            </td>
				<td class="formTitle">手机号<font face="宋体">*</font></td>
				<td class="formValue">
					<input type="text" class="form-control" placeholder="手机号" v-model="admin.mobile" isvalid="yes" checkexpession="NotNull">
				</td>
        	</tr>
			<tr>
				<td class="formTitle">真实姓名<font face="宋体">*</font></td>
				<td class="formValue">
					<input type="text" class="form-control" placeholder="真实姓名" v-model="admin.name" isvalid="yes" checkexpession="NotNull">
				</td>
				<td class="formTitle">密码<font face="宋体">*</font></td>
				<td class="formValue">
					<div v-if="admin.id">
						<input type="text" class="form-control" placeholder="******" value="******" readonly="readonly">
					</div>
					<div v-else>
						<input type="text" class="form-control" placeholder="密码" v-model="admin.password" isvalid="yes" checkexpession="NotNull">
					</div>
				</td>
			</tr>
        	<tr>
	            <td class="formTitle">备注</td>
	            <td class="formValue">
					<input type="text" class="form-control" placeholder="备注" v-model="admin.remark">
	            </td>

        		
        	</tr>
        	<tr>
        		<td class="formTitle">角色</td>
	            <td class="formValue" colspan="3">
					<label v-for="role in roleList" class="checkbox-inline">
					  <input type="checkbox" :value="role.id" v-model="admin.roleIdList">{{role.name}}
					</label>
	            </td>
        	</tr>
			<tr>
				<td class="formTitle">状态</td>
				<td class="formValue" colspan="3">
					<label class="radio-inline">
						<input type="radio" name="status" value="false" v-model="admin.status"/> 禁用
					</label>
					<label class="radio-inline">
						<input type="radio" name="status" value="true" v-model="admin.status"/> 正常
					</label>
				</td>
			</tr>
		</table>
	</div>
	<div th:include="include/footer_js::footer"></div>
	<script th:src="@{/js/admin/add.js}"></script>
</body>
</html>